import { createApp } from 'vue'
import App from '@/App.vue'
//引入element-plus插件与样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//配置elemtn-plus国际化
//@ts-expect-error
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
//svg插件需要配置代码
import 'virtual:svg-icons-register'
// import SvgIcon from './components/SvgIcon/index.vue';
// app.component('SvgIcon',SvgIcon) 这样全局注册麻烦。

//全局组件总不能都在这引入和注册，我引入一个自定义插件对象；注册整个项目的全局组件
import globalComponent from '@/components/index'
//引入路由注册
import router from '@/router'
import pinia from '@/store/index'
//获取应用实例对象
const app = createApp(App)
//安装插件
app.use(ElementPlus, {
  locale: zhCn, //element-plus国际化配置
})
//注册模板路由
app.use(router)

//引入自定义插件对象后，需要安装自定义插件
app.use(globalComponent)
app.use(pinia)
import '@/style/index.scss'
// //测试假的接口能否使用
// import axios from "axios";
// //登录接口
// axios({
//     url:'/api/user/login',
//     method:'post',
//     data:{
//         username:'admin',
//         password:'111111'
//     }
//
// })
//将应用挂在到挂载点上
app.mount('#app')
// createApp(App).mount('#app')
